/*
Theme Name: Kreativ Theme
Theme URI: http://www.softlogs.com/
Description: Simple and clean wordpress theme with advanced features.
Version: 0.6.0
Author: Andrei O.
Author URI: http://www.softlogs.com/
Tags: blue, fixed-width, two-columns, widgets, theme-options
*/

/*
    Copyright 2010 Andrei O.

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/*Undo browser defaults courtesy of Eric Meyer
------------------------------------------------------------ */
:link,:visited { text-decoration: none; }
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code,p { font-size: 1em; }
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
:focus { outline: 0; }
address { font-style: normal; }

/*Body & Links 
------------------------------------------------------------ */
body { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size:14px; margin:1% 10% 1% 10%; padding:0px; background:#ffffff url('kreativ/background.png') repeat-x left top;color:#000000; }

a, a:link, a:visited {text-decoration:none;color:#0066CC;}
a:hover {text-decoration: underline;color:#3399ff;}

a img{ border:none; }

/*Structure
------------------------------------------- */
#main-page { width:100%; }
#main-single { width:70%; float:left; padding:0px 10px 0px 0px; border-right:dotted 1px #eeeeee; }

#sidebar  { width:25%; float:right; margin:0; padding: 0px 10px 10px 10px; text-align:left; }
#sidebar li { list-style-type:none; list-style-image: none;}

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Headers
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, sans-serif; }
h1 { padding-top:10px;margin:0 0 0 0px;font-size:32px;text-align:center; font-weight: normal;}
h2 { margin:10 0 0 0;font-size:18px;font-weight: normal;}
h3 { padding-top:0px;padding-bottom:0px;margin-bottom:0px;font-size:18px;color:#000000; font-weight: normal;text-align:center; }
h4 { padding-top:10px;padding-bottom:0px;margin-bottom:0px;font-size:12px;color:#ffffff; }
h5 { padding-top:10px;padding-bottom:0px;margin-bottom:0px;font-size:12px;color:#ffffff; }
h6 { padding-top:10px;padding-bottom:0px;margin-bottom:0px;font-size:12px;color:#ffffff; }

/*Navigation
------------------------------------------- */
div#nav {  clear: both; background: rgba(00,66,204,.2); }
div#nav ul li { float: left; display: block; padding: 0px; margin-right: 24px; font-size: 24px; font-weight: normal; }
div#nav ul li span { font-weight: normal; font-size:14px; }

div#nav a:link, div#nav a:visited, div#nav a:link span, div#nav a:visited span  { display: block; color: #0066CC; }
div#nav a:hover, div#nav a:hover span { display: block; color: #ffffff; background: #0066CC; text-decoration:none;}

div#nav a.active, div#nav a.active span {}

/*Nav
---------------------------------------*/
.nav a { padding: 0 20px; }
.nav a:hover { color: #fff; }
.nav li { float: left; }
.nav ul { position: absolute; left: -999em; height: auto; width: 200px; font-weight: normal; z-index: 999; padding-bottom: 10px;}
.nav ul a, .nav li a { display: block; position: relative;}
.nav ul a { font-weight: normal; color: #ebecee; text-shadow: none;}
.nav li li { width: 200px; background: #245D8E;}
.nav li li a { margin: 0; padding: 8px 10px 8px 20px; width: 170px; line-height: 20px;}
.nav li ul ul { margin: -36px 0 0 200px; }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto; }
.nav li:hover, .nav li.sfhover, .nav .current_page_parent, .nav .current_page_ancestor, .nav .current-cat-parent, .nav .current-cat, .nav .current_page_item, .nav .current_page_item a, .nav .current-cat a {
  color: #fff;
  background: rgba(0,0,0,.1);
}
.nav li li:hover, .nav li li.sfhover, .nav li li.current_page_parent, .nav li li.current_page_ancestor, .nav li li.current-cat-parent, .nav li li.current-cat, .nav li li.current_page_item { background: #235079; }
/*Nav Arrows
--------------------*/
.nav a.sf-with-ul {
	padding-right: 30px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:	absolute;
	display: block;
	right: 10px;
  bottom: 16px; /* IE6 only */
	width:	10px;
	height:	10px;
	text-indent: -999em;
	overflow:	hidden;
	background:	url(../images/nav-arrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  bottom: 16px;
	background-position: 0 -100px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
/* point right for anchors in subs */
.nav ul .sf-sub-indicator { 
  background-position:  -10px 0; 
  right: 32px; 
  top: 12px; 
}
.nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator, .nav ul a:hover > .sf-sub-indicator, .nav ul a:active > .sf-sub-indicator, .nav ul li:hover > a > .sf-sub-indicator, .nav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
/*Page Navigation
---------------------------------------*/
#pg-nav-bg { clear: both; background: rgba(00,66,204,.2);}
#pg-nav { float: right; }
#pg-nav .nav { margin: 0; line-height: 50px;}
#pg-nav .nav a  { font-size: 1em; font-weight: normal; color: #b3b3b3;}
#pg-nav .nav a:hover { color: #ffffff; }
#pg-nav .nav ul { z-index: 1000; background-image: url(../images/nav-bottom-pg.png);}
#pg-nav .nav li li { background: #1c1c1c; }
#pg-nav .nav li:hover, #pg-nav .nav li.sfhover, #pg-nav .nav .current_page_parent, #pg-nav .nav .current_page_ancestor, #pg-nav .nav .current-cat-parent, #pg-nav .nav .current-cat, #pg-nav .nav .current_page_item, #pg-nav .nav .current_page_item a, #pg-nav .nav .current-cat a { color: #ffffff; background: rgba(0,0,0,.1);}
#pg-nav .nav li li:hover, #pg-nav .nav li li.sfhover, #pg-nav .nav li li.current_page_parent, #pg-nav .nav li li.current_page_ancestor, #pg-nav .nav li li.current-cat-parent, #pg-nav .nav li li.current-cat, #pg-nav .nav li li.current_page_item { background: #000; background: rgba(0,0,0,.1);}
/*Nav Arrows
--------------------*/
#pg-nav a > .sf-sub-indicator { bottom: 18px; }



























div.blogPost { padding-left:10px;padding-right:10%;border-bottom:dotted 1px #333333; }
div.byline { color:#555555; }
div.footer { clear:both;margin:20px;text-align:center;color:#000;border-top:dotted 1px #eeeeee; }
div.newsletter { width:200px;margin:auto;text-align:center;color:#000; }
div.block{ float:left; width: 29%; margin:0 0 0 3%;}
p { padding-top:10px; }
.blogComments { padding-top:30px;color:#555555;padding-bottom:0px;margin-bottom:0px;font-weight:bold;border-bottom:dotted 1px #eeeeee;}
.blogComments .byline { font-size:1em;font-weight:normal;color:#555555;margin-right:10px;display:inline;}
.blogComment {font-size:1em; margin:2%;color:#000000;font-weight:normal;}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
.button {color:#000;background:#ffffff;border:1px solid #999999;}


